﻿<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <script type="text/javascript" src="../js/jquery-1.8.2.js"></script>
  </head>
  <body>
  
	<div>
		中国0<br/>	
		中国1<br/>	
		中国2<br/>	
		中国3<br/>	
		中国4<br/>	
		中国5<br/>	
		中国6<br/>	
		中国7<br/>	
		中国8<br/>	
		中国9<br/>	
	</div> 
	 
	<input type="button" value="我的好友"/>
	
	<script type="text/javascript">
		//向上下滑动
		$(":button").click(function(){
			//div标标上下移动
			$("div").slideToggle(100);
		});
	</script>	
	
  </body>
</html>



